@import url("./animates.scss");
.nav-static{
	background-color: #fefefe;
	position: fixed;
	border: solid 4rpx #6cacff;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	overflow: hidden;
	left: 50%;
	transform: translateX(-50%);
}


.nav-stander{
	animation: on-show 0.3s ease-in-out forwards normal;
}

.nav-open{
	animation: on-open 0.3s ease-in-out forwards normal;
}

.nav-close{
	animation: on-close 0.3s ease-in-out forwards normal;
	bottom: 50rpx;
	border-radius: 40rpx;
	animation-delay: 0.1s;
	width:350rpx;
	height:100rpx;
}


.nav-static > .nav-stander{
		width: 80rpx;
		height: 80rpx;
		background-color: transparent;
		overflow: hidden;
		font-size: 12px;
		white-space: nowrap;
		transform: translateX(-400%);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		
	}
.nav-stander > ._img{
			width: 60%;
			height: 60%;
			object-fit: contain;
		}
.nav-static >	.item-in{
		animation: item-in 0.2s ease-in-out forwards;
		animation-delay: 0.1s;
	}
.nav-static >	.item-out{
		animation: item-out 0.2s ease-in-out forwards;
	}
	



